<template>
  <div>
    <Header></Header>
    <section
      data-test="page-section"
      data-section-theme="black"
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle has-background black"
      data-section-id="607bf7274e53660217010cd5"
      data-controller="SectionWrapperController"
      data-animation="none"
      data-controllers-bound="SectionWrapperController"
      style="padding-top: 264px"
      data-active="true"
    >
      <div class="section-border">
        <div class="section-background" style="top: 267.656px">
          <img
            alt=""
            data-src="../../assets/imgs/ECG+banner.jpeg"
            data-image="../../assets/imgs/ECG+banner.jpeg"
            data-image-dimensions="1280x720"
            data-image-focal-point="0.32167832167832167,0.39821116080108887"
            data-load="false"
            elementtiming="nbf-background"
            src="../../assets/imgs/ECG+banner.jpeg"
            width="1280"
            height="720"
            sizes="(max-width: 799px) 200vw, 100vw"
            style="
              display: block;
              object-position: 32.16783216783217% 39.82111608010889%;
            "
            srcset="
              ../../assets/imgs/ECG+banner.jpeg?format=100w   100w,
              ../../assets/imgs/ECG+banner.jpeg?format=300w   300w,
              ../../assets/imgs/ECG+banner.jpeg?format=500w   500w,
              ../../assets/imgs/ECG+banner.jpeg?format=750w   750w,
              ../../assets/imgs/ECG+banner.jpeg?format=1000w 1000w,
              ../../assets/imgs/ECG+banner.jpeg?format=1500w 1500w,
              ../../assets/imgs/ECG+banner.jpeg?format=2500w 2500w
            "
            fetchpriority="high"
            loading="eager"
            decoding="async"
            data-loader="sqs"
          />
          <div class="section-background-overlay" style="opacity: 0.08"></div>
        </div>
      </div>
      <div class="content-wrapper" style="">
        <div class="content">
          <div
            class="sqs-layout sqs-grid-12 columns-12"
            data-type="page-section"
            id="page-section-6073ff55c64f9762a2a3667b"
          >
            <div class="row sqs-row">
              <div class="col sqs-col-12 span-12">
                <div
                  class="sqs-block html-block sqs-block-html"
                  data-block-type="2"
                >
                  <div class="sqs-block-content">
                    <div class="sqs-html-content">
                      <h2
                        style="
                          text-align: center;
                          white-space: pre-wrap;
                          transition-timing-function: ease;
                          transition-duration: 0.65s;
                          transition-delay: 0.264s;
                        "
                        class="preScale scaleIn h2-1"
                      >
                        Real-time monitoring of ECG data
                      </h2>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section
      data-test="page-section"
      data-section-theme=""
      class="page-section layout-engine-section background-width--full-bleed section-height--small content-width--medium horizontal-alignment--center vertical-alignment--middle"
    >
      <div class="content-wrapper">
        <div class="content">
          <div class="row sqs-row">
            <div class="col sqs-col-12 span-12">
              <div class="link-box">
                <router-link class="link-1" to="/productsmenu"
                  >Full Product Menu</router-link
                >
              </div>
              <div class="img-box">
                <img
                  data-stretch="false"
                  data-src=" ../../assets/imgs/dtxd.png"
                  data-image=" ../../assets/imgs/dtxd.png"
                  data-image-dimensions="390x233"
                  data-image-focal-point="0.5,0.5"
                  alt="dtxd.png"
                  data-load="false"
                  elementtiming="system-image-block"
                  src=" ../../assets/imgs/dtxd.png"
                  width="390"
                  height="233"
                  sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 100vw"
                  style="
                    display: block;
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                    object-position: 50% 50%;
                  "
                  onload='this.classList.add("loaded")'
                  srcset="
                     ../../assets/imgs/dtxd.png?format=100w   100w,
                     ../../assets/imgs/dtxd.png?format=300w   300w,
                     ../../assets/imgs/dtxd.png?format=500w   500w,
                     ../../assets/imgs/dtxd.png?format=750w   750w,
                     ../../assets/imgs/dtxd.png?format=1000w 1000w,
                     ../../assets/imgs/dtxd.png?format=1500w 1500w,
                     ../../assets/imgs/dtxd.png?format=2500w 2500w
                  "
                  loading="lazy"
                  decoding="async"
                  data-loader="sqs"
                  class="loaded"
                />
              </div>
              <div class="tip1">
                <h3><strong>Wearable ECG recorder </strong></h3>
              </div>
              <div class="tip1">
                <h3><strong>Adopting Mason-Likar Lead System</strong></h3>
              </div>
              <div class="tip2">
                <p>
                  Hubei Hoai Medical-grade wearable 12-lead ECG recorder adopts
                  Mason-Likar lead system, integrated design of electrode
                  positioning and acquisition, and a professional ECG data
                  processing system. It can detect ECG in a static state, or it
                  can be long Monitoring the electrocardiogram in the state of
                  time exercise can realize the purpose of capturing various
                  cardiac abnormalities such as arrhythmia, myocardial ischemia,
                  and myocardial infarction at the first time, providing
                  reference for clinicians and further promoting the prevention,
                  diagnosis and treatment of cardiovascular diseases.
                </p>
              </div>
              <div class="tip3">
                <p class="txt">
                  <strong>Features</strong>
                </p>
                <p>
                  Using Mason-Likar lead system, the data is professional and
                  accurate;
                </p>
                <p>
                  A high-quality expert medical team can answer difficult
                  questions at any time;
                </p>
                <p>
                  Real-time monitoring of ECG data, synchronous display of
                  12-channel ECG waveform;
                </p>
                <p>
                  Powerful data processing system, which can compare past ECG
                  data at the same time;
                </p>
                <p>
                  7X24 hours real-time monitoring, providing meticulous
                  assessment and consultation services;
                </p>
                <p>
                  Belted integrated design, compact, portable, and portable;
                </p>
                <p>
                  The whole process of rehabilitation management plan, real-time
                  monitoring and evaluation of curative effect;
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <Footer></Footer>
  </div>
</template>
<script>
import Header from "../../components/header.vue";
import Footer from "../../components/footer.vue";
export default {
  components: {
    Header,
    Footer,
  },
};
</script>
<style scoped>
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h1 {
    /* font-size: calc((4 - 2)* 1.2vw + 1rem); */
  }
  h2 {
    font-size: calc(1.8 * 1.2vw + 1rem);
    font-weight: 500;
  }
  .h1-1 {
    font-size: calc((4 - 1) * 1.2vw + 1rem);
  }
}
@media screen and (min-width: 768px) {
  .page-section.content-width--medium:not(.content-collection) .content {
    width: 75%;
  }
}
@media screen and (min-width: 768px),
  screen and (max-width: calc(1511px)) and (orientation: landscape) {
  h3 {
    font-size: calc(1.1 * 1.2vw + 1rem);
  }
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.page-section.section-height--medium:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: 66vh;
}
.section-background {
  overflow: hidden;
  pointer-events: none;
}
.page-section.background-width--inset:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  padding-top: 4vw;
  padding-right: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
}
.section-background,
.section-background .section-background-content,
.section-background .section-background-canvas,
.section-background .section-background-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.background-width--inset:not(.content-collection):not(.gallery-section):not(
    .user-items-list-section
  )
  .section-background {
  top: 4vw;
  right: 4vw;
  bottom: 4vw;
  left: 4vw;
  /* position: absolute; */
}
.sqs-block:not(.sqs-block-html):not(.sqs-block-markdown) {
  clear: both;
}
.sqs-row::before,
.sqs-row::after {
  content: "";
  display: block;
  clear: both;
}
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3),
.sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) {
  word-wrap: break-word;
}
.tradiTip1 {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  width: 70%;
  left: 20%;
}
.section-background img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.section-background img {
  position: relative;
}
.section-border {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
h1 {
  color: #fff;
}
h1 {
  text-align: center;
  white-space: pre-wrap;
  transition-timing-function: ease;
  transition-duration: 0.65s;
  transition-delay: 0.32s;
}
.h2-1 {
  margin-top: 0;
  margin-bottom: 0;
  color: #fff;
}
.page-section.vertical-alignment--middle:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section):not(.editmode-changing-rowcount) {
  align-items: center;
}
.page-section.section-height--small:not(.content-collection):not(
    .gallery-section
  ):not(.user-items-list-section) {
  min-height: inherit;
}
.sqs-col-12 {
  width: 100%;
}
.link-box {
  padding-bottom: 17px;
}
.link-1 {
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #000;
  font-size: 14px;
}
.img-box {
  max-width: 390px;
  margin: 0 auto;
}
.tip1 {
  padding-bottom: 17px;
}
.tip1 h3 {
  margin-bottom: 0;
  text-align: center;
}
.tip2 {
  /* padding-bottom: 17px; */
  word-wrap: break-word;
  color: #000;
  font-family: poppins;
  font-weight: 300;
  line-height: 30px;
}
.tip3 p {
  margin: 17px 0;
  /* color: rgb(0, 36, 82); */
  font-family: poppins;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .sqs-row {
    margin-left: 0;
    margin-right: -17px;
  }
}
</style>
